html,input,a,ul,li,dl,dt,dd,img{margin:0;padding:0;text-decoration: none;border:0;}
body{
    background-color: #f0f0f0;
    min-width: 320px;
}


/* header */
/*头部*/
.box-header{
    background-color:#000;
    color:white;
    width:100%;
    height:36px;
    border:0px solid #000;
}
.box-header-div1{
    width:30%;
    height:36px;
    border:0px solid #000;
    float:left;
}
.box-header-div1_div1{
    width:10%;
    height:36px;
    margin-left:10px;
    line-height:36px;
    float:left;
    border:0px solid #000;
}
.box-header-div1_div1 img{
    width:12px;
    height:22px;
}
.box-header-div1-div2{
    width:50%;
    height:36px;
    line-height:40px;
    float:left;
    border:0px solid #000;
}
.box-header-div1-div2 a{
    color:white;
    font-size:18px;
    line-height:23px;
}
a:hover{
    text-decoration:none ;
}
.box-header-div2{
    width:40%;
    height:36px;
    border:0px solid #000;
    text-align:center;
    line-height:36px;
    float:left;
    font-size:18px;
}
.box-header-div2{
    color:white;
}
.box-header-div3{
    width:30%;
    height:36px;
    line-height:36px ;
    border:0px solid #000;
    float:left;
}
.box-header-div3 img{
    margin-left:60%;
}

/* 内容 */
.All{
    margin-top:3%;
}
.register{
    background-color: #fff;
    width:100%;
    height:380px;
    border:0px solid red;
}
/* 推荐人 */
.referee{
    width:100%;
    margin-top:4px;
}
.referee p{
    display: inline-block;
    float:left;
    padding-top:2%;
    margin-left: 2%;
}
/* 手机号码 */
.phone{
    margin-top:-12px;
}
/* 短信验证 */
.phonemessage{
    margin-top:-12px;
}
/* 获取验证码 */
.huoqucode{
    color:#33bcf6 ;
    padding:1% 2% 1% 2%;
    margin-top:-12px;
    border:1px solid #33bcf6;
    border-radius: 20px;
    float:right;
    position: relative;
    top:-18px;
    z-index: 10;
}


/* 昵称 */
.nickname{
    margin-top:-12px;
}
/* 密码 */
.pwd{
    margin-top:-12px;
}
/* 重复密码 */
.repeatpwd{
    margin-top:-12px;
}
/*地区*/


.locality-empty{
 	 margin-left:2%;
 }
 .locality img{
   position:relative;
   top:-8px;
   /* border:1px solid red;*/
}
.locality select{
	position:relative;
    top:-3px;
    width:30%;
    
}

/* 公共部分 */
.mg {
    padding: 1.2% 0 1.2% 0;
}
.register img{
    margin-top:6px;
    width:15px;height:16px;
    float:left;
    border:0px solid red;
}
.register input{
    width:98%;height: 32px;
    margin-right: -16px;
    outline:medium;
    border:0px solid #000;
}
.register input[type=text]{
    margin-left:2%;
}
.register input[type=password]{
    margin-left:2%;
}
/* 分割线 */
.fgx{
    /*width: 100px;*/
    /*border:0.2px solid red;*/
    border-style:outset;width:100%;
    margin-left: 18px;
    margin-top:5px;
}

/* 按钮 */
.retister_enter{
    background-color:#f0f0f0 ;
    width:100%;
    text-align: center;
}

.registerenter_btn{
    width:100%;
    background-color:#12b7f5 ;
    color:#fff;
    font-size:1.3em;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius:3px;
    -webkit-border-radius: 3px;
    margin-top:4%;
}
.btn{
    padding: 2.4% 0 2.4% 0;
}

/* 尾部 */
.all_foot{min-width: 320px; }

@media screen and (min-width:320px) {
    /* 获取验证码 */
    .huoqucode{
        color:#33bcf6;
        padding:1% 2% 1% 2%;
        font-size: 2px;
        margin-top:-12px;
        border:1px solid #33bcf6;
        border-radius: 20px;
        float:right;
        position: relative;
        top:-18px;
        z-index: 10;
    }
}
@media screen and (min-width:375px){
	.register{
	    height:390px;
	}
}
@media screen and (min-width:425px){
	.register{
	    height:400px;
	}
}
@media screen and (min-width:485px){
	.register{
	    height:410px;
	}
}
@media screen and (min-width:520px){
	.register{
	    height:415px;
	}
}
@media screen and (min-width:550px){
	.register{
	    height:420px;
	}
}
@media screen and (min-width:580px){
	.register{
	    height:430px;
	}
}
@media screen and (min-width:610px){
	.register{
	    height:440px;
	}
}
@media screen and (min-width:700px){
	.register{
	    height:450px;
	}
}

@media screen and (min-width:768px){
	.register{
	    height:460px;
	}
}
@media screen and (min-width:800px){
	.register{
	    height:470px;
	}
}
@media screen and (min-width:860px){
	.register{
	    height:480px;
	}
}
@media screen and (min-width:900px){
	.register{
	    height:485px;
	}
}
@media screen and (min-width:930px){
	.register{
	    height:495px;
	}
}
@media screen and (min-width:1366px){
	.register{
	    height:570px;
	}
}


